<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/homepage/reset.css">
  <link rel="stylesheet" href="../icon-font/iconfont.css">
  <link rel="stylesheet" href="../css/homepage/header.css">
  <link rel="stylesheet" href="../css/homepage/footer.css">
  <link rel="stylesheet" href="../css/listpage/main.css">
</head>

<body>
  <header id="head">
    <div class="wrapper">
      <div class="logo">
        <a href="../html/littleDuck.html"></a>
      </div>
      <!-- 导航 -->
      <nav>
        <ul>
          <li><a href="../html/littleDuck_list.html">全部商品</a></li>
          <li><a href="./littleDuck_list.html?kw=滚筒洗衣机">滚筒洗衣机</a></li>
          <li><a href="./littleDuck_list.html?kw=洗烘套装">洗烘套装</a></li>
          <li><a href="./littleDuck_list.html?kw=波轮洗衣机">波轮洗衣机</a></li>
          <li><a href="../html/littleDuck_list.html?kw=洗烘一体机">洗烘一体机</a></li>
          <li><a href="../html/littleDuck_list.html?kw=干衣机">干衣机</a></li>
          <li><a href="">洗护产品</a></li>
        </ul>
      </nav>
      <div class="seach-box">
        <input class="seach-inp" type="text" placeholder="人气热销">
        <span class="iconfont icon-sousuoxiao"></span>
      </div>
      <div class="user_list">
        <a class="iconfont_user">
          <i class="user_icon"></i>
        </a>
        <a href="" class="user_img">
          <img src="../img/ls_avatar_120.png" alt="">
        </a>
        <ul>
          <li><a href="">我的订单</a></li>
          <li><a href="">我的优惠券</a></li>
          <li><a class="user_set">账户设置</a></li>
          <li class="login_item"><a class="out">退出登入</a></li>
        </ul>
      </div>
      <div class="user_cart">
        <a class="iconfont_cart">
          <i class="cart_icon"></i>
          <span class="cart_icon_num">0</span>
        </a>
        <div>
          <p class="cart_out_tip">立即<a href="./login.html">登入</a>，查看购物车商品</p>
          <p class="cart_icon_tip">购物车中还没有商品，赶紧选购吧</p>
        </div>
      </div>
    </div>
    <!-- 商品顶部二级导航 -->
    <div class="nav-items">
      <ul>
        <li>
          <a href="">
            <img src="../img/a7bfe36fbfe949339f995b1837006809.jpg" alt="">
            <p>【送七年电机保修金卡】小天鹅10KG滚筒洗衣机 水魔方冷水洗涤 TG100VT86WMAD5</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>

      </ul>
    </div>
  </header>


  <main class="wrapper">
    <!-- 商品属性筛选 -->
    <div class="cate_cells">
      <div class="cate_bar">
        <div class="crumb">
          <a href="./littleDuck.html" class="">首页</a>
          <i>&gt;</i>
          <a href="" class="crumb_item">洗衣机</a>
        </div>
        <span>共72件商品</span>
      </div>
      <div class="cate_sort">
        <dl>
          <dt>机型：</dt>
          <dd><a class="mod_word off mod_word_all">全部洗衣机</a></dd>
          <dd><a class="mod_word">滚筒洗衣机</a></dd>
          <dd><a class="mod_word">波轮洗衣机</a></dd>
          <dd><a class="mod_word">双桶洗衣机</a></dd>
          <dd><a class="mod_word">干衣机</a></dd>
          <dd><a class="mod_word">洗烘套装</a></dd>
        </dl>
      </div>
    </div>

    <div class="content">
      <!-- 商品筛选 -->
      <div class="cate_cells filter">
        <div class="cate_bar">
           <!-- 左边 -->
          <div class="filter_crumb">
          <span class="filter_item">推荐</span>
          <div class="filter_price">
            <span>价格</span>
            <i></i>
            <ul class="filter_sort">
              <li index="1">价格从低到高</li>
              <li index="2">价格从高到低</li>
            </ul>
          </div>
          <div class="address">
            <div class="address_selected">
              <span class="address_province">湖北省</span>
              <span class="address_city">武汉市</span>
              <span class="address_area">江夏区</span>
              <i></i>
            </div>
            <div class="address_list"></div>
          </div>
          </div>
          <!-- 右边 -->
          <div class="filter_stock">
            <input type="checkbox">
            <span>仅看有货</span>
          </div>
        </div>
      </div>

      <div class="search_list">
        <ul>
          <!-- <li>
            <a href="" class="search_list_img">
              <img src="../img/list_img/1619029368269.jpg" alt="">
            </a>
            <p class="sell_price">¥3899.00</p>
            <a href="" class="search_list_text">
              <p class="sell_describe">小天鹅3KG波轮洗衣机 宝宝专享 健康除螨洗 纳米银离子除菌TB30V80MINI</p>
              <p class="sell_point">纳米银离子除菌，除螨洗，，可有效杀死衣物螨虫，桶自洁，3KG 迷你洗涤容量</p>
            </a>
            <span>限时抢购</span>
          </li> -->
        
      </div>
      <div class="empty_result">
         <div class="icon_unit"></div>
         <div class="desc">该区域没有符合条件的产品哦~</div>
      </div>

      <div class="pagination">
        <div class="paginator">
              <!-- <span class="pag_prev">&lt;</span>
              <a class="page_num">1</a>
              <a class="page_num">2</a>
              <a class="page_num">3</a>
              <span class="pag_next">&gt;</span> -->
        </div>
      </div>
    </div>
  </main>


  <footer>
    <div class="wrapper">
      <div class="f-top">
        <ul>
          <li>
            <i class="iconfont icon-shangdian"></i>
            <span>小天鹅唯一官方商城</sapn>
          </li>
          <li>
            <i class="iconfont icon-baohu"></i>
            <span>全国联保</span>
          </li>
          <li>
            <i class="iconfont icon-wuliuchaxun"></i>
            <span>全网优价/全场包邮</span>
          </li>
          <li>
            <i class="iconfont icon-tuihuanhuo"></i>
            <span>7天无理由退换</span>
          </li>
          <li>
            <a href="" class="iconfont icon-zizhi"></a>
            <span>企业资历</span>
          </li>
        </ul>
      </div>
      <div class="f-middle">
        <ul class="f-m-left">
          <li>
            <ul>
              <li>购物流程</li>
              <li><a href="">注册和登入</a></li>
              <li><a href="">购买流程</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>支付方式</li>
              <li><a href="">第三方平台</a></li>
              <li><a href="">发票制度</a></li>
              <li><a href="">支付常见问题</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>物流配送</li>
              <li><a href="">第三方物流</a></li>
              <li><a href="">配送范围</a></li>
              <li><a href="">商品验收</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>客服服务</li>
              <li><a href="">服务政策</a></li>
              <li><a href="">售后服务</a></li>
              <li><a href="">安装保修</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>联系我们</li>
              <li><a href="">联系我们</a></li>
              <li><a href="">服务条款</a></li>
              <li><a href="">隐私条款</a></li>
            </ul>
          </li>
        </ul>
        <div class="f-m-right">
          <h2>400-8228-228</h2>
          <p>周一至周日 9:00-22:00</p>
          <div><a href="">
              <i class="iconfont icon-kehufuwukefu"></i>
              <span>在线客服</span></a>
          </div>
        </div>
      </div>
      <div class="f-bottom">
        <ul>
          <li><a href="">小天鹅官网</a></li>
          <li><a href="">美的商城</a></li>
          <li><a href="">安得物流</a></li>
          <li><a href="">企业采购</a></li>
        </ul>
        <p>
          <span>版权所有 © 无锡小天鹅电器有限公司 苏ICP备14025600号</span>
          <img src="../img/5c1c566a375bd.png" alt="">
        </p>
      </div>
    </div>
  </footer>

  <div class="common_widget">
    <a href="">
      <i class="iconfont icon-kehufuwukefu"></i>
    </a>
    <a href="#head">
      <i class="iconfont icon-fanhuidingbu-"></i>
    </a>
  </div>

  <script src="../js/jquery.min.js"></script>
  <script src="../js/promise_ajax.js"></script>
  <script src="../js/api.js"></script>
  <script src="../js/listpage.js"></script>
  <script src="../js/header.js"></script>
</body>

</html>